<template>
    <div class="AppContent">
        <indexAppNav @showShortVideo="showTab"></indexAppNav>
        <indexAppBrand v-if="show=='shortVideo'"></indexAppBrand>
        <indexAppEffect v-if="show=='redBook'"></indexAppEffect>
    </div>
</template>
<script>
import indexAppNav from './indexAppNav.vue';
import indexAppBrand from './indexAppBrand.vue';
import indexAppEffect from './indexAppEffect.vue';
export default {
    components:{
        indexAppNav,
        indexAppBrand,
        indexAppEffect
    },
    data(){
        return {
            show:"shortVideo",
        }
    },
    methods:{
        showTab(content){
            this.show = content
        }
    }
}
</script>

<style scoped>
.AppContent{
    width:1000px;
    float:left;
}
</style>

